<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>驴友天地</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="<%=path %>/style/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="<%=path %>/style/writemem.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=path %>/script/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<%=path %>/datajs/data.js"></script>
<script type="text/javascript" src="<%=path %>/datajs/picker.js"></script>
<link href="<%=path %>/style/cupertino/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=path %>/script/jquery-ui-1.8.21.custom.min.js"></script>

</head>

<script type="text/javascript">
$(document).ready(function(){

//首先将#back-to-top隐藏

 $("#back-to-top").hide();

//当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失

$(function () {
$(window).scroll(function(){
if ($(window).scrollTop()>100){
$("#back-to-top").fadeIn(1500);
}
else
{
$("#back-to-top").fadeOut(1500);
}
});

//当点击跳转链接后，回到页面顶部位置

$("#back-to-top").click(function(){
$('body,html').animate({scrollTop:0},1000);
return false;
});
$( ".datepicker" ).datepicker({
	changeMonth: true,
	changeYear: true
});
});
});

//页面初始化*******************************
//全局变量
var userid="";
var dd="";
var listmem;
var nowuser;
var memnum=0;
//初始化旅游记忆导读
function inituserid(){
	$.ajax({
		type:"post", //请求方式
		url:"<%=path %>/getNowSession", //发送请求地址
		data:{ //发送给数据库的数据
		},
		//请求成功后的回调函数有两个参数
		success:function(data,textStatus){
		  	if(!data && typeof(data)!="undefined" && data!=0){
				alert("请在首页进行登录后访问本页");
				location.href="index.jsp";
			}
			else{	
				nowuser = eval("("+data+")");
				userid=nowuser.user_id;
				userinfoinit();	
				$('#personalnav').css("display","block");
				refresh();
				var loopp = setInterval("refresh()",10000);
			}
		}
	});
}
//初始化个人信息
function logout(){
	location.href="<%=path %>/deleteSession";
}
function userinfoinit(){

	var as="";
	as = as + "<img class='nameimg' src='<%=path %>/"+nowuser.user_headphoto+"' />";
	as = as + "<a href='javascript:void(0);'><span id='name'>"+nowuser.user_name+"</span></a>";
	as = as + "<div id='userintro'>";
	as = as + "<p><input type='button' id='sixin' value='私信' onclick='gotomysixin()' /><input type='button' value='退出' onclick='logout()' /></p>";
	as = as + "<p>"+nowuser.user_location+"</p>";
	as=as+"<p>粉丝数："+nowuser.followed_num+"</p>";
	as=as+"</div>";
	as=as+"<div id='shortintro'>";
	as=as+"<p>爱好："+nowuser.user_hobby+"</p>";
	as=as+"<p>"+nowuser.user_motto+"</p>";
	as=as+"<br /><input type='button' value='发布旅游记忆' style='margin-left:30px;' onclick='writememo()' />";
	as=as+"<input type='button' value='发布结伴游信息' onclick='writetog()' />";		
	as=as+"</div>";
	//alert(as);
	$('#userinfo').append(as);
}
	
	function newlandmark(ii){
	 	var ss="";
	 	ss = ss + '<div class="landmark_block">';
		ss = ss +'<table id="landmark_table">';
		ss = ss +'<tr>';
		ss = ss +'<td><span>地标名称：</span></td>';
		ss = ss +'<td><input type="lmname" class="lmname" style="width:407px;"/></td>	';
		ss = ss +'</tr>';
		ss = ss +'<tr>';
		ss = ss +'<td><br /><span>游览日期：</span></td>';
		ss = ss +'<td><br /><input type="text" class="datepicker" /></td>';
		ss = ss +'</tr>';
		ss = ss +'<tr>';
		ss = ss +'<td><br /><span>地标简介：</span><br /><br /><br /><br /><br /><br /><br /><br /><br /></td>';
		ss = ss +'<td><textarea type="lmdescription" class="lmdescription" style="resize:none; width:406px; height:120px;"></textarea></td>';	
		ss = ss +'</tr>';
		ss = ss +'</table>';
		ss = ss +'<p><input type="button" class="uploadmedia" value="上传媒体" style="margin-left:66px; width:112px; height:25px;"/></p>';
		ss = ss +'</div>';
	 	$('#markin').append(ss);
	 	$( ".datepicker" ).datepicker({
				changeMonth: true,
				changeYear: true
		});
	 	var sss = document.getElementById('addlandmark');
		sss.disabled = "disabled";
	}
function writememo(){
	window.location.href="<%=path %>/page/writemem.jsp";
}
function writetog(){
	window.location.href="<%=path %>/page/writetogether.jsp";
}
//右边浮动框****************************************
function opensxmini(){
	$('#sxmini').css("display","block");
	$('#sxminiclo').css("display","block");
	closecommentmini();
}
function opencommentmini(){
	$('#commentmini').css("display","block");
	$('#commentminiclo').css("display","block");
	closesxmini();
}
function closesxmini(){
	$('#sxmini').css("display","none");
	$('#sxminiclo').css("display","none");
}
function closecommentmini(){
	$('#commentmini').css("display","none");
	$('#commentminiclo').css("display","none");
}
function refresh(){
	
	sxajax();
	reflectajax();
}
function sxajax(){
	$.ajax({
		type:"post", //请求方式
		url:"<%=path %>/getUnreadMessage", //发送请求地址
		data:{ //发送给数据库的数据
		},
		//请求成功后的回调函数有两个参数
		success:function(data,textStatus){
			 var dataobj = eval("("+data+")");
			 var ss = "";
			 for(var i=0;i<dataobj.length;i++){
				 ss = ss+"<li><span><a href='<%=path %>/getUserIndexById?userid="+dataobj[i].sendid+"' target='_blank'>"+dataobj[i].sendername+"</a>来信<a href='<%=path %>/viewMessageDetail?messageid="+dataobj[i].messageid+"' target='_blank'>"+dataobj[i].messagetitle+"</a></span></li>";
			 }
			 $('#sxminiin').html(ss);
			 $('#sxnuminit').html("("+dataobj.length+")");
		}
	});
}
function reflectajax(){
	$.ajax({
		type:"post", //请求方式
		url:"<%=path %>/getUnreadComment", //发送请求地址
		data:{ //发送给数据库的数据
		},
		//请求成功后的回调函数有两个参数
		success:function(data,textStatus){
			 var dataobj = eval("("+data+")");
			 var ss = "";
			 for(var i=0;i<dataobj.length;i++){
				 ss = ss+"<li><span><a href='<%=path %>/getUserIndexById?userid="+dataobj[i].commenterid+"' target='_blank'>"+dataobj[i].commentername+"</a>在文章<a href='<%=path %>/viewTripMemoryDetail?memoryid="+dataobj[i].passageid+"' target='_blank'>"+dataobj[i].passagetitle+"</a>中回复了你</span></li>";
			 }
			 $('#commentminiin').html(ss);
			 $('#reflectnuminit').html("("+dataobj.length+")");
		}
	});
}


//===========================
function savebtn(){
	var sss = document.getElementById('addlandmark');
	sss.removeAttribute("disabled");
}
function nextstep(){
	$(".tripmemory_block").css("display","none");
	$(".landmarklist_block").css("display","block");
}
</script>
<body onload="init()" >
	<div id="logo">
		<h1><a href="javascript:void(0);">驴友天地 </a></h1>
		<p><em> template design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></em></p>
	</div>
	<hr />
	<!-- end #logo -->
	<div id="header">
		<div id="menu">
			<ul>
				<li><a href="<%=path %>/page/index.jsp" class="first">首页</a></li>
				<li><a href="<%=path %>/page/myindex.jsp">我的</a></li>
				<li><a href="<%=path %>/page/friend.jsp">好友&nbsp;</a></li>
				<li><a href="<%=path %>/page/follow.jsp">关注&nbsp;</a></li>
				<li><a href="<%=path %>/page/together.jsp">结伴游</a></li>
				<li><a href="<%=path %>/page/personal.jsp">个人中心</a></li>
			</ul>
		</div>
		<!-- end #menu -->
		<div id="search">
			<form method="get" action="">
				<fieldset>
				<input type="text" name="s" id="search-text" size="15" />
				<input type="submit" id="search-submit" value="GO" />
				</fieldset>
			</form>
		</div>
		<!-- end #search -->
	</div>
	<!-- end #header -->
	<!-- end #header-wrapper -->
	<div id="page">
		<div id="content" style="background:#fff; border:1px solid #aaa; overflow-x:hidden; min-height:900px;">
		<div id="memin" style="width:1240px;height:auto;">
			<div class="tripmemory_block">
			<form action="<%=path %>/commitTripMemory" method="post">
			<h2><span>第一步：编辑旅游记忆</span>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#aaa;">第二步：编辑地标信息</span></h2>
			    <table class="tripmemory_table">
				    <tr>
						<td><span>记忆标题：</span></td>
						<td><input type="tmtitle" id="tmtitle" name="tmtitle" style="width:420px;"/></td>	
				    </tr>
				    <tr>
						<td><br /><span>旅游类型：</span></td>
						<td><br />
						<select type="tmtype" id="tmtype" name="tmtype" style="width:143px;">
							<option>自驾游</option>
							<option>跟团游</option>
						</select></td>	
				    </tr>
					<tr>
						<td><span>记忆地点：</span></td>
						<td><br />
						    <p>
								<AreaPicker name="picker_5" level="2" value="" width="128px"></AreaPicker>
							</p>
								<!--<p>
									<input type="button" value="��ȡֵ" onclick="alert(picker_5.getValue())" />	
									<input type="button" value="��ȡ�ı�" onclick="alert(picker_5.getText())" />	
								</p>-->
						</td>	
					</tr>
					<tr>
						<td><span>记忆内容：</span><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></td>
						<td><textarea type="tmcontent" id="tmcontent" name="tmcontent" style="resize:none; width:420px; height:300px;"></textarea></td>	
					</tr>
				</table> 
				<input type="submit" value="下一步" onclick="nextstep()" style="margin-top:20px;margin-left:500px;"/> 
			    </form>
			</div>	
			<div class="landmarklist_block">
			    <h2><span style="color:#aaa;">第一步：编辑旅游记忆</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>第二步：编辑地标信息</span></h2>
			    <div id="markin">
			    <div id="0" class="landmark_block">
			        <table id="landmark_table">
			            <tr>
						    <td><span>地标名称：</span></td>
						    <td><input type="lmname" class="lmname" style="width:407px;"/></td>	
				        </tr>
				        <tr>
						    <td><br /><span>游览日期：</span></td>
						    <td><br /><input type="text" class="datepicker" /></td>	
				        </tr>
				        <tr>
						    <td><br /><span>地标简介：</span><br /><br /><br /><br /><br /><br /><br /><br /><br /></td>
						    <td><textarea type="lmdescription" class="lmdescription" style="resize:none; width:406px; height:120px;"></textarea></td>	
					    </tr>
					</table>
					<p><input type="button" class="uploadmedia" value="上传媒体" style="margin-left:66px; width:112px; height:25px;"/></p>
			    </div>
			    </div>
			    <div style="height:100px;">
			    	<input type="button" value="保存地标信息" onclick="savebtn()" style="margin-top:40px; margin-left:300px;" />
			    	<input type="button" id="addlandmark" value="添加新地标" onclick="newlandmark()" disabled />
			    	<input type="button" id="memsubbtn" value="发布旅游记忆" />
			    </div>
			</div>
			</div>
		</div><!-- end #content -->
		<div id="sidebar">
			<ul>
				<li id="userinfo" style="height:200px;display:block">o
					
				</li>
				<li>
					<h2>热门旅游记忆</h2>
					<ul id="hot">
					<!-- <li><a href="javascript:void(0);">Nec metus sed donec</a></li>-->

					</ul>
				</li>
				<li>
					<h2>驴友之星</h2>
					<div>
					<ul id="stars">
						
						<!-- <li>
							<div class="substars">
								<img src="images/test2.png" />
								<div class="starsintro">
									<a href="page/otherindex.jsp">Nec metus sed donec</a><br />
									<span>关注:1314</span><br />
									<span>喜欢骑自行车</span>
								</div>
							</div>
						</li> -->
						
					</ul>
				</div>
				</li>
			</ul>
		</div>
		<!-- end #sidebar -->
		<div style="clear: both;">&nbsp;</div>
	</div>
	<!-- end #page -->
	<div id="footer">
		<p>Copyright (c) 2012 lvyou.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
	</div>
	<!-- end #footer -->
	<div id="personalnav" style="display:none">
		<ul>
			<li>
				<span onclick="opensxmini()"><a href="javascript:void(0)">私信</a></span><span id="sxnuminit"></span>
			</li>
			<li>
				<span onclick="opencommentmini()"><a href="javascript:void(0)">回复</a></span><span id="reflectnuminit"></span>
			</li>
		</ul>
	</div>
	<div id="sxmini">
		<ul id="sxminiin">
			<!--<li>
				<span><a href="page/otherindex.jsp" target="_blank">赵安卡</a>来信<a href="page/sxdetail.jsp" target="_blank">你好我想认识你</a></span>
			</li>-->

		</ul>
	</div>
	<div id="commentmini">
		<ul id="commentminiin">
			<!--  <li>
				<span><a href="page/otherindex.jsp" target="_blank">赵安卡</a>在<a href="page/detail.jsp" target="_blank">北京三日游</a>中回复了你</span>
			</li>-->

		</ul>
	</div>
	<div id="sxminiclo" onclick="closesxmini()"><img src="<%=path %>/images/closebtn.png"  /></div>
	<div id="commentminiclo" onclick="closecommentmini()"><img src="<%=path %>/images/closebtn.png"  /></div>
	<p id="back-to-top"><a href="#top"><span></span></a></p>
</body>
</html>